@charset "UTF-8";
@import url(../../vendors/sm.min.css);
@import url(../vendors/sm.min.css);
@font-face { font-family: 'iconfont'; src: url("../../css/fonts/iconfont.eot");
  /* IE9*/
src: url("../../css/fonts/iconfont.eot?#iefix") format("embedded-opentype"), url("../../fonts/iconfont.woff") format("woff"), url("../../fonts/iconfont.ttf") format("truetype"), url("../../fonts/iconfont.svg#iconfont") format("svg");
  /* iOS 4.1- */ }
.iconfont { font-family: "iconfont" !important; font-size: 1rem; font-style: normal; -webkit-font-smoothing: antialiased; -webkit-text-stroke-width: 0.1px; -moz-osx-font-smoothing: grayscale; }

#sw-wrapper { position: absolute; z-index: 6000; left: 0; width: 100%; background: #fff; text-align: left; }

#sw-header { position: relative; width: 100%; height: 43px; background: #fff; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; }

#sw-cancel, #sw-done { position: absolute; top: 7px; height: 28px; line-height: 28px; padding: 0 9px; margin: 0; font-size: 0.75rem; color: #0894ec; }

#sw-cancel { left: 7px; float: left; }

#sw-done { right: 7px; float: right; }

.sw-pressed { opacity: 0.4; }

#sw-slots-wrapper { position: relative; z-index: 999; display: block; height: 217px; padding: 0 11px; overflow: hidden; }

#sw-slots { display: table; width: 100%; background: #fff; text-align: center; }

#sw-slots div { display: table-cell; height: 100%; padding-top: 86px; background-color: #fff; }

#sw-slots div:first-child { border: 0; }

#sw-slots ul { padding: 0 0 85px 0; margin: 0; list-style: none; }

#sw-slots .sw-right { text-align: center; }

#sw-slots .sw-shrink { width: 1%; }

#sw-slots .sw-readonly { background: #ddd; }

#sw-slots li { padding: 0 8px; height: 44px; line-height: 44px; overflow: hidden; }

#sw-frame { position: absolute; z-index: 6000; left: 0; right: 0; bottom: 0; height: 215px; -webkit-border-image: url("../../../images/spinningwheel/sw-borderbg.png") 16 fill; border-image: url("../../../images/spinningwheel/sw-borderbg.png") 16 fill; }

#sw-mask { position: absolute; left: 0; right: 0; top: 0; bottom: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.5); z-index: 2000; }

body, html { background: #f4f4f4; }

body, div, dl, dt, dd, ul, ol, li, hgroup, h1, h2, h3, h4, h5, h6, p, form, fieldset, legend, input, textarea, table, thead, tbody, tfoot, tr, th, td, pre, code, blockquote, header, footer, nav, section, article, aside, title, figure, figcaption, datalist, details, summary, dialog, address { margin: 0; padding: 0; color: #1a1a1a; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

legend { color: #000; }

ol, ul { list-style: none; }

h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }

th, address, cite, code, dfn, var, em, strong { font-style: normal; font-weight: normal; }

input, button, textarea, select { font-family: inherit; font-size: inherit; *font-size: 100%; font-weight: inherit; -webkit-appearance: none; -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

input, input:focus { border: none; outline: none; -webkit-tap-highlight-color: transparent; -webkit-user-modify: read-write-plaintext-only; }

a { text-decoration: none; }

a:visited { text-align: center; }

a:focus { outline: none; }

.clearfix:after { content: "\200B"; display: block; height: 0; clear: both; }

.clearfix { *zoom: 1; }

body.white-body, .white-body .page { background: #fff; }

/* 存放公用变量 */
/*hover颜色*/
/* ---------------------------- Common Buttons Style ---------------------------- */
.bbx-btn-round-sm, .bbx-btn, .custom-modal .modal-buttons .modal-button:first-child, .custom-modal.modal-block .modal-buttons .modal-button:last-child, .bbx-btn-blue, .custom-modal .modal-buttons .modal-button:last-child, .custom-modal.modal-block .modal-buttons .modal-button:first-child, .bbx-btn-black, .bbx-btn-blue.invalid { display: block; margin: auto; width: 90%; height: 2.14286rem; line-height: 2.14286rem; text-align: center; border-style: solid; border-width: 1px; border-radius: 2.2rem; -webkit-border-radius: 2.2rem; -moz-border-radius: 2.2rem; }

.bbx-btn-round { border-radius: 50%; -webkit-border-radius: 50%; -moz-border-radius: 50%; }

.bbx-btn, .custom-modal .modal-buttons .modal-button:first-child, .custom-modal.modal-block .modal-buttons .modal-button:last-child { background-color: #fff; border-color: #00aaff; color: #00aaff; }
.bbx-btn:active, .custom-modal .modal-buttons .modal-button:active:first-child, .custom-modal.modal-block .modal-buttons .modal-button:active:last-child { background-color: #fff; border-color: #00aaff; color: #00aaff; }

.bbx-btn-blue, .custom-modal .modal-buttons .modal-button:last-child, .custom-modal.modal-block .modal-buttons .modal-button:first-child { background-color: #00aaff; border-color: #00aaff; color: #fff; }
.bbx-btn-blue:active, .custom-modal .modal-buttons .modal-button:active:last-child, .custom-modal.modal-block .modal-buttons .modal-button:active:first-child { background-color: #1aa8ef; border-color: #00aaff; color: #fff; }

.bbx-btn-black { background-color: #fff; border-color: #1a1a1a; color: #1a1a1a; }
.bbx-btn-black:active { background-color: #fff; border-color: #1a1a1a; color: #1a1a1a; }

.bbx-btn-blue.invalid, .custom-modal .modal-buttons .invalid.modal-button:last-child, .custom-modal.modal-block .modal-buttons .invalid.modal-button:first-child { background-color: #d1d1d1; border-color: #d1d1d1; color: #fff; }
.bbx-btn-blue.invalid:active, .custom-modal .modal-buttons .invalid.modal-button:active:last-child, .custom-modal.modal-block .modal-buttons .invalid.modal-button:active:first-child { background-color: #d1d1d1; border-color: #d1d1d1; color: #fff; }

/* ---------------------------- Common header Style ---------------------------- */
.bbx-header.bar { position: fixed; height: 2.14286rem; line-height: 2.14286rem; background: #fff; }

.bbx-header .title { color: #1a1a1a; font-size: .9rem; }

.bbx-header .pull-left { color: #898989; }

.bbx-header .pull-right { position: absolute; top: 0; right: 0.5rem; font-size: .75rem; z-index: 999; }

/* ---------------------------- Common body Style ---------------------------- */
body { margin: auto; max-width: 640px; }

.content-footer { padding-bottom: 4.28571rem; }

.com-hide { display: none; }

.color-orange { color: #fe5000; }

.color-blue { color: #00aaff; }

.color-gray { color: #999999; }

/* ---------------------------- Common footer Style ---------------------------- */
.bar-footer { position: fixed; height: 3.80952rem; }
.bar-footer .row { margin-top: 0.83333rem; }

/* ---------------------------- Common Tabs Style ---------------------------- */
.buttons-tab.bbx-tab { position: absolute; width: 100%; z-index: 100; }
.buttons-tab.bbx-tab .button { height: 2.14286rem; line-height: 2.14286rem; font-size: .75rem; color: #1a1a1a; }
.buttons-tab.bbx-tab .button.active { color: #00aaff; border-color: #00aaff; }

.bar-nav ~ .content { top: 2.14286rem; }

.buttons-tab:after { background: #d1d1d1; }

.buttons-tab { margin: auto; max-width: 640px; }

/* ---------------------------- Common cover Style ---------------------------- */
.bar { max-width: 640px; margin: auto; background: #fff; }

.bar:after { background: #d1d1d1; }

.order-details { padding: 0.61905rem 1.19048rem; }
.order-details .details-item { position: relative; padding: 0.57143rem 0; border-bottom: 1px solid #f4f4f4; }
.order-details .details-item .label { float: left; color: #898989; }
.order-details .details-item .info { position: absolute; left: 5rem; right: 0; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: auto; }

.order-price { margin: 1.2rem auto 0.2rem; text-align: center; }
.order-price dt { font-size: .85rem; }
.order-price dt .price-number { font-size: 1.2rem; }
.order-price dd { font-size: .8rem; }

.order-price-explain { font-size: .7rem; color: #898989; text-align: center; }

.no-popup-bg { background: none; }

.custom-popup { padding: 0 0.83333rem; margin: auto; width: 80%; height: 12rem; position: absolute; top: 50%; left: 50%; margin-left: -40%; margin-top: -6rem; background: #fff; border-radius: 15px; background: #fff; }
.custom-popup h2 { padding: 0.71429rem 0; font-size: .9rem; text-align: center; }
.custom-popup > .bbx-btn-blue, .custom-modal .modal-buttons .custom-popup > .modal-button:last-child, .custom-modal.modal-block .modal-buttons .custom-popup > .modal-button:first-child { margin: 1rem 0 0; width: 100%; height: 1.90476rem; line-height: 1.90476rem; }
.custom-popup .custom-close { position: absolute; top: 0.19048rem; right: 0.47619rem; color: #d1d1d1; z-index: 10; }

.custom-modal { padding: 1.52381rem 0.71429rem 1.19048rem 0.71429rem; background: #fff; border-radius: 1rem; -webkit-border-radius: 1rem; -moz-border-radius: 1rem; }
.custom-modal .modal-inner { background: #fff; font-size: 0.8rem; }
.custom-modal .modal-inner:after { background: none; }
.custom-modal .modal-buttons { background: #fff; }
.custom-modal .modal-buttons .modal-button:after { background: none; }
.custom-modal .modal-buttons .modal-button:first-child { width: 45%; border-radius: 2.2rem; }
.custom-modal .modal-buttons .modal-button:last-child { width: 45%; border-radius: 2.2rem; }

.custom-modal.modal-block { padding: 0.71429rem 0.71429rem 1.19048rem 0.71429rem; }
.custom-modal.modal-block .modal-title { position: absolute; right: -0.2381rem; top: -0.47619rem; }
.custom-modal.modal-block .modal-buttons .modal-button:first-child { width: 75%; margin-bottom: 0.95238rem; }
.custom-modal.modal-block .modal-buttons .modal-button:last-child { width: 75%; }

#orderCreatePage .content-footer { padding: 2.14286rem 0 4.28571rem; }

.page.create-order-page, .page.address-page { background: #fff; }

.create-order-list { margin-top: 0.47619rem; border-top: 1px solid #f4f4f4; }
.create-order-list > li { line-height: 2.09524rem; border-bottom: 1px solid #f4f4f4; padding: 0 0.47619rem; }
.create-order-list > li.time .item-input input, .create-order-list > li.time .item-inner .item-location input { color: #fe5000; }
.create-order-list .item-inner .item-title { width: 30%; border-right: 1px solid #f4f4f4; font-size: .75rem; float: left; }
.create-order-list .item-inner .item-input, .create-order-list .item-inner .item-location { position: relative; float: right; width: 70%; height: 2.09524rem; line-height: 2.09524rem; padding: 0.47619rem 0.71429rem; font-size: .75rem; }
.create-order-list .item-inner .item-input > input, .create-order-list .item-inner .item-location > input { display: block; width: 100%; height: 1.14286rem; line-height: 1.14286rem; }
.create-order-list .item-inner .item-location { padding: 0 0.71429rem; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 70%; }

.opt-button-group { overflow: hidden; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 50%; height: 1.42857rem; border: 1px solid #d1d1d1; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }
.opt-button-group input { position: relative; padding: 0.2381rem 0; height: 1.42857rem; float: left; width: 50%; text-align: center; background: #fff; }
.opt-button-group .opt-btn { position: relative; float: left; width: 25%; height: 100%; background: #fafafa; text-align: center; }
.opt-button-group .opt-btn .iconfont { position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; width: 1rem; height: 1rem; text-align: center; line-height: 100%; }
.opt-button-group:before, .opt-button-group:after { position: absolute; content: ""; width: 1px; height: 100%; background: #d1d1d1; z-index: 3; }
.opt-button-group:before { left: 25%; }
.opt-button-group:after { right: 25%; }

.order-form-desc, .order-form-desc.for-orderpin, .order-form-desc.for-orderbao { display: block; margin-top: 2.38095rem; text-align: center; }
.order-form-desc .reword { color: #fe5000; }
.order-form-desc .total { color: #00aaff; }
.order-form-desc .notes { color: #898989; font-size: 0.7rem; }

.order-form-desc.for-orderpin { margin-bottom: 7.61905rem; }

.order-form-desc.for-orderbao { margin-bottom: 4.28571rem; }

.cars-type { margin-top: 1rem; width: 100%; overflow: hidden; font-size: 0.7rem; }
.cars-type .wrap { padding: 0 1.09524rem; overflow: scroll; }
.cars-type .wrap .scroll-wrap { overflow: scroll; }
.cars-type .wrap .scroll-wrap ul { width: 100%; overflow: auto; text-align: center; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-between; -ms-flex-pack: space-between; justify-content: space-between; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.cars-type .wrap .scroll-wrap ul li.active { color: #00aaff; }
.cars-type .wrap .scroll-wrap ul img { width: 2.85714rem; height: 1.42857rem; margin-bottom: -0.4rem; }

.trip-type { margin-top: 1.42857rem; }
.trip-type .wrap ul { width: 10.95238rem; height: 1.59524rem; margin: 0 auto; background: #f4f4f4; text-align: center; vertical-align: middle; border-radius: 2.2rem; -webkit-border-radius: 2.2rem; -moz-border-radius: 2.2rem; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-justify-content: space-around; -ms-flex-pack: space-around; justify-content: space-around; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; }
.trip-type .wrap ul li { padding: 0.04762rem 0.71429rem; }
.trip-type .wrap ul li.active { background: #fff; color: #00aaff; border-radius: 2.2rem; -webkit-border-radius: 2.2rem; -moz-border-radius: 2.2rem; }

/*图标*/
.icon-bbx { display: inline-block; vertical-align: middle; }

.order-time .icon-bbx, .create-order-list .telephone .icon-bbx { color: #d1d1d1; }

.start-address .icon-bbx { color: #00aaff; }

.end-address .icon-bbx { color: #fe5000; }

.invalid span { color: #999999; }

/*地址选择*/
.city-select { position: absolute; top: 0; left: 0.35714rem; height: 2.2rem; line-height: 2.2rem; }
.city-select .city-select-hook { display: none; }
.city-select .city-select-hook .city-name { display: block; overflow: hidden; -ms-text-overflow: ellipsis; text-overflow: ellipsis; white-space: nowrap; width: 90%; }
.city-select .city-select-hook .iconfont { position: absolute; right: -2px; top: 0; bottom: 0; margin: auto; vertical-align: middle; }
.city-select .city-input { display: block; width: 5rem; height: 2.2rem; }
.city-select .city-select-hook { width: 3.5rem; }

.address-select { position: absolute; left: 6rem; top: 0; bottom: 0; right: 2.5rem; padding: .5rem; transition: all .2s ease-out; -webkit-transition: all .2s ease-out; }
.address-select:before { position: absolute; content: ""; top: .5rem; bottom: .5rem; left: 0; height: 0.47619rem; width: 1px; background: #f4f4f4; margin: auto; }
.address-select .address-input { display: block; width: 100%; line-height: 1.2rem; }

.already-selected .city-select .city-select-hook { display: block; }
.already-selected .city-select .city-input { display: none; }
.already-selected .address-select { left: 4.5rem; }

.city-item, .current-hook { display: block; padding: 0 0.47619rem; height: 2rem; line-height: 2rem; border-bottom: 1px solid #f4f4f4; }

.city-item:active, .current-hook:active { background: #f4f4f4; }

.open-city dt { background: #f4f4f4; font-size: .6rem; line-height: 1.2rem; padding: 0 0.47619rem; }
.open-city dd ul { position: relative; display: flex; justify-content: space-between; padding: .7rem; flex-wrap: wrap; background: #f4f4f4; }
.open-city dd ul:after { content: ''; display: block; width: 31%; }
.open-city dd ul:before { position: absolute; content: ""; top: -.45rem; left: 1rem; width: 0.81rem; height: 0.42rem; background: url("../../../images/city_tips.png") no-repeat; background-size: contain; }
.open-city dd ul li { margin: .3rem 0; width: 31%; text-align: center; line-height: 1.6rem; font-size: .7rem; background: #ffffff; border: 1px solid #bbbbbb; border-radius: .2rem; }
.open-city dd ul li.on { color: #ff4343; border: 1px solid #ff3434; }

#history_list dd ul { background: #fff; }
#history_list dd ul:before { display: none; }

.pos-wrapper-hook ul { padding: 0rem 0rem 0rem 0.2381rem; }
.pos-wrapper-hook ul li dl { padding: 0.19048rem 0.11905rem 0.19048rem 0rem; border-bottom: 1px solid #f4f4f4; }
.pos-wrapper-hook ul li dl dt { float: left; color: #bbb; overflow: hidden; }
.pos-wrapper-hook ul li dl dd { padding-left: 1.3rem; }
.pos-wrapper-hook ul li dl dd p { font-size: .6rem; color: #505050; }
.pos-wrapper-hook ul li dl dd h3 { font-size: .7rem; position: relative; }

.order-status { padding: 2.09524rem 0; background: #00aaff; text-align: center; }
.order-status dt { font-size: 1.4rem; color: #fff; }
.order-status dt .iconfont { margin-right: .3rem; font-size: 1.2rem; }
.order-status dd { font-size: .7rem; color: #898989; }
